<template>
    <div class="container">
        <div>
            <h1>患者通道</h1>
            <el-row :gutter="12">
                <el-col :span="8" v-for="item in imgs" :key="item" class="box-card">
                    <el-card shadow="hover" :body-style="{ padding: '0px' }">
                        <img :src="item.url"/>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        <div>
            <h1>医护通道</h1>
            <el-row :gutter="12">
                <el-col :span="8" v-for="item in imgs2" :key="item" class="box-card">
                    <el-card shadow="hover" :body-style="{ padding: '0px' }">
                        <img :src="item.url"/>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        <div>
            <h1>医院信息</h1>
            <el-row :gutter="12">
                <el-col :span="8" v-for="item in imgs3" :key="item" class="box-card">
                    <el-card shadow="hover" :body-style="{ padding: '0px' }">
                        <img :src="item.url"/>
                    </el-card>
                </el-col>
            </el-row>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            imgs: [
                { url: require("../../../../../assets/images/1.png") },
                { url: require("../../../../../assets/images/2.png") },
                { url: require("../../../../../assets/images/3.png") },
            ],
            imgs2:[
                { url: require("../../../../../assets/images/4.png") },
                { url: require("../../../../../assets/images/5.png") },
                { url: require("../../../../../assets/images/6.png") },
            ],
            imgs3:[
                { url: require("../../../../../assets/images/7.png") },
                { url: require("../../../../../assets/images/8.png") },
                { url: require("../../../../../assets/images/9.png") },
            ]
        };
    },
};
</script>
<style scoped lang="less">
 .box-card {
    width: 300px;
  }
  .container{
      width:1000px;
      margin: 0 auto;
  }
</style>